<template>
  <p class="app-class">{{ greeting }}</p>
  <head-com text="这是一个头部组件"></head-com>
  <img src="@/assets/kebiao.webp" />
</template>
<script>
import HeadCom from "@/components/head/HeadComp.vue";
export default {
  components: {
    HeadCom,
  },
  data() {
    return {
      greeting: "Hello World!",
    };
  },
};
</script>
<style lang="less" scoped>
.app-class {
  display: flex;
  width: 200px;
  height: 100px;
  color: red;
  background: url("@/assets/kebiao.webp") 0 0 no-repeat;
}
</style>
